<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <title>吃饭抽奖</title>
    </head>
    <link rel="stylesheet" href="css/reset.css" media="screen" title="no title" charset="utf-8">
	<link rel="stylesheet" href="css/main.css" media="screen" title="no title" charset="utf-8">
	<script src="js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript">
        (function () {
            var resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize';
            var rescale = function () {
                document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';
            }
            window.addEventListener(resizeEvent,rescale,false);
            document.addEventListener('DOMContentLoaded',rescale,false);
        })();

		
    </script>
    <body>
        <div class="tab" >
			<div class="check" >轮盘抽奖</div>
			<div  >星球抽奖</div>
		</div>
		
		<iframe class="iframe" id="iframe" src="dial/index.html" frameborder="0"  width="100%" frameborder="0"scrolling="no" style="border: 0px;"></iframe>
	
	</body>
	<script>
		$(function(){
			$(".tab div").on("click",function(){
				$(".tab div").removeClass("check");
				$(this).addClass("check");
				if($(this).text() == "轮盘抽奖"){
					$("iframe").attr("src","dial/index.html");
				}else{
					$("iframe").attr("src","star/index.html")
				}
			})			
		})
	</script>
</html>